@extends('layouts.adminlayout')

@section('main')

<p>{{ link_to_route('boards.create', 'Thêm hội đồng thi',null,array('class'=>'btn btn-info')) }}</p>
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Hội đồng thi <small>Tổ chức thi</small></h3>
                </div><!-- /.box-header -->
                <div class="box-body table-responsive">
                    @if ($hoi_dong_this->count())
                    <table class="table table-bordered table-hover" id='dataTable'>
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="all" /></th>
                                <th>Mã hội đồng thi</th>
                                <th>Tên hội đồng thi</th>
                                <th>Sửa</th>
                                <th>Xóa</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <td><button type="button" class="btn btn-danger" onclick="delete_all()"><li class="fa fa-trash-o"></li></button></td>
                                <th>Mã hội đồng thi</th>
                                <th>Tên hội đồng thi</th>
                                <td></td>
                                <td></td>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($hoi_dong_this as $hoi_dong_thi)
                            <tr>
                                <td><div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="checkbox"class="check" value="{{{$hoi_dong_thi->id}}}"/>
                                        </label>
                                    </div></td>
                                <td>{{{ $hoi_dong_thi->ma_hoi_dong_thi }}}</td>
                                <td>{{{ $hoi_dong_thi->ten_hoi_dong_thi }}}</td>
                                <td>{{ link_to_route('boards.edit', '', array($hoi_dong_thi->id), array('class' => 'btn btn-info fa fa-edit')) }}</td>
                                <td>
                                    {{ Form::open(array('method' => 'DELETE', 'route' => array('boards.destroy', $hoi_dong_thi->id),'class'=>'delete_hoi_dong_thi')) }}
                                    <button type="submit" class="btn btn-danger"><li class="fa fa-trash-o"></li></button>
                                    {{ Form::close() }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @else
                    Không tồn tại hội đồng thi
                    @endif
                </div><!-- /.box-body -->
                <div id="overlay"></div>
                <div id="loading-img"></div>
            </div><!-- /.box -->
        </div>
    </div>
</section>
<script src="<?php echo asset('public/admin/js/plugins/datatables/jquery.dataTables.columnFilter.js'); ?>" type="text/javascript"></script>
<script type="text/javascript">
    // Setup - add a text input to each footer cell
        $('#dataTable tfoot th').each(function() {
            var title = $('#dataTable thead th').eq($(this).index()).text();
            $(this).html('<input type="text" placeholder="' + title + '" />');
        });

        var table = $('#dataTable').DataTable({
                    "scrollX": "100%",
                    "scrollCollapse": true,
                    "paging": true,
                    "autoWidth": false,
                    "bSort" : false
                });
        // Apply the filter
        table.columns().eq(0).each(function(colIdx) {
            $('input', table.column(colIdx).footer()).on('keyup change', function() {
                table
                        .column(colIdx)
                        .search(this.value)
                        .draw();
            });
        });
</script>
<script type="text/javascript">
    function delete_all() {
        var txt;
        var r = confirm("Xóa dữ liệu!");

        if (r == true) {
            $('#overlay').addClass('overlay');
            $('#loading-img').addClass('loading-img');
            var arr_id = [];
            $('input[name="checkbox"]:checked').each(function(index, val) {
                arr_id.push($(this).val());
            });
            if (arr_id != '') {
                console.log(arr_id);
                $.ajax({
                    url: '<?php echo asset("ajax/deletehoidongthi"); ?>',
                    type: 'post',
                    dataType: 'html',
                    data: {id_hoi_dong_thi_ar: arr_id},
                })
                        .done(function(data) {
                            console.log(data);
                            window.location.reload()
                        })
                        .fail(function() {
                            alert('Không Thể Xóa Hội Đồng Thi Khi Tồn Tại Khóa Thi!!!')
                        })
                        .always(function() {
                            console.log("complete");
                            $('#overlay').removeClass('overlay');
                            $('#loading-img').removeClass('loading-img');
                        });
            }else{
                alert('Không có dữ liệu để xóa!!!');
                $('#overlay').removeClass('overlay');
                $('#loading-img').removeClass('loading-img');
            }
        } else {
            txt = "Hủy";
        }

    }


    $(function() {
        $('input[type="checkbox"]').change(function(e) {
            if (this.className == 'all')
            {
                $('.check').prop('checked', this.checked);
            }
            else
            {
                $('.all').prop('checked', $('.check:checked').length == $('.check').length);
            }
        });
    });

    $('.delete_hoi_dong_thi').submit(function(event) {
       var txt;
        var r = confirm("Xác nhận xóa?");
        if (r == true) {
            $.ajax({
                url: $(this).attr('action'),
                type: 'delete',
                dataType: 'json',
                data: {},
            })
            .done(function() {
                console.log("success");
                window.location.reload();
            })
            .fail(function() {
                alert('Không thể xóa vì có khóa thi thuộc hội đồng thi này!!!');
            })
            .always(function() {
                console.log("complete");
            });
            return false;
            
        } else {
            return false;
        }
        return false;
    });
</script>
@stop